<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>用户管理</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/other/layui/css/layui.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/freeStyle/css/saber.css" />
</head>
<!--  1、 框架标签引入区 （start）-->
<!--  1、 框架标签引入区 （end）-->
<!--  2、 CSS声明区 （start）-->
<!--  2.0、引入CSS区 （start）-->
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/other/layui/css/layui.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/freeStyle/css/saber.css" />
<!--  2.0、 引入CSS区 （end）-->
<!--  2.1、本界面CSS区 （start）-->
<style type="text/css">
<c:if test ="${type =='detail'}">
.layui-input {
	border: 0;
	background-color: rgba(255, 255, 255, 0);
}
</c:if>
</style>
<!--  2.1、 本界面CSS区 （end）-->
<!--  2、 CSS声明区 （end）-->
<!--  3、JS声明区 （start）-->
<!--  3.0、 导入外部JS区 （start）-->
<!--  3.0、 导入外部JS区 （end）-->
<!--  3.1、 全局变量声明区 （start）-->
<script type="text/javascript">

</script>
<!--  3.1、 全局变量声明区 （end）-->
<!--  3.2、 初始化区 （start）-->
<script type="text/javascript">

</script>
<!--  3.2、 初始化区 （end）-->
<!--  3.3、 页面控制区 （start）-->
<script type="text/javascript">

</script>
<!--  3.3、 页面控制区 （end）-->
<!--  3.4、 事件区 （start）-->
<script type="text/javascript">


</script>
<!--  3.4、 事件区 （end）-->
<!--  3.5、 回调区 （start）-->
<script type="text/javascript">
window.onload=function(){ 
    $(".type").val($("#typeselect").val());
    $(".status").val($("#statusselect").val());
    layui.form.render('select');
}
</script>
<!--  3.5、 回调区 （end）-->
<!--  3.6、 业务逻辑区 （start）-->
<!--  3.6、 业务逻辑区 （end）-->
<!--  3、 JS声明区 （end）-->
<body class="body">
	<form class="layui-form" action="" style="margin: 50px 50px 50px 50px">
		<input name="id" value="${baseuser.id }" type="hidden" /> <input
			name="typeselect" id="typeselect" value="${baseuser.type }"
			type="hidden" /> <input name="statusselect" id="statusselect"
			value="${baseuser.status}" type="hidden" />
		<div class="layui-row">
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item"></div>
			</div>
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item">
					<label class="layui-form-label">用户名：</label>
					<div class="layui-input-block">
						<input type="text" name="username" lay-verify="title"
							value="${baseuser.username }" autocomplete="off"
							placeholder="请输入用户名" class="layui-input">
					</div>
				</div>
			</div>
		</div>
		<%-- <div class="layui-row">
	<div class="layui-col-xs6 layui-col-sm6 layui-col-md4"><div class="layui-form-item"></div></div>
    <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
      	<div class="layui-form-item">
    		<label class="layui-form-label">电话：</label>
    		<div class="layui-input-block">
      			<input type="text" name="telephone" lay-verify="required|phone" value="${baseuser.telephone }" autocomplete="off" placeholder="请输入手机号码" class="layui-input">
    		</div>
  		</div>
    </div>
</div>
  <div class="layui-row">
  	<div class="layui-col-xs6 layui-col-sm6 layui-col-md4"><div class="layui-form-item"></div></div>
    <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
      	<div class="layui-form-item">
    		<label class="layui-form-label">邮箱：</label>
    		<div class="layui-input-block">
      			<input type="text" name="email" lay-verify="email" value="${baseuser.email }" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
    		</div>
  		</div>
    </div>
  </div> --%>
		<div class="layui-row">
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item"></div>
			</div>
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item">
					<label class="layui-form-label">密码：</label>
					<div class="layui-input-block">
						<input type="text" name="password" lay-verify="required"
							value="${baseuser.password }" autocomplete="off"
							placeholder="请输入密码" class="layui-input">
					</div>
				</div>
			</div>
		</div>

		<div class="layui-row">
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item"></div>
			</div>
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户类型：</label>
						<div class="layui-input-inline">
							<select name="type" class="type">
								<option value="">请选择问题</option>
								<optgroup label="管理员">
									<option value="m1">超级管理员</option>
									<option value="m2">管理员</option>
								</optgroup>
								<optgroup label="审批员">
									<option value="s1">一级审批人</option>
									<option value="s2">二级审批人</option>
									<option value="s3">三级审批人</option>
								</optgroup>
								<optgroup label="普通用户">
									<option value="p1">普通用户</option>
								</optgroup>
							</select>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item"></div>
			</div>
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">是否生效：</label>
						<div class="layui-input-inline">
							<select name="status" class="status">
								<option value="">请选择问题</option>
								<option value="y">生效</option>
								<option value="n">冻结</option>
							</select>
						</div>
					</div>
				</div>
			</div>
		</div>
		<c:if test="${type!='detail'}">
			<div class="layui-row">
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
					<div class="layui-form-item"></div>
				</div>
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn" lay-submit="" lay-filter="useradd">保存</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</div>
			</div>
		</c:if>
	</form>
</body>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/js/common/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
layui.use(['form', 'layedit', 'laydate','layer'], function(){
	  var $ = layui.jquery
	  ,form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate;
	  //监听提交
	  form.on('submit(useradd)', function(data){
		  $.ajax({
              url:"<%=request.getContextPath() %>/user/userManagementSubmit.html",
              type:"post",
              async: false,
              data:data.field,
              success:function(res){
			   		var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
		   	  		parent.layer.close(index);
              },
              error:function(e){
            	  layer.alert("错误！");
              }
          });  
	  });
	  
	});
</script>
</body>
</html>